<template>
  <div class="regist-success-box">

    <div class="bg-box">
      <img src="./logo.png" class="logo" onclick="return false"/>
      <div class="title">蓝聘</div>
      <div class="tab-box">
        <span class="btn regist">注册</span>
      </div>
    </div>

    <span class="success-text">注册成功，欢迎加入蓝聘~</span>

    <button type="button" class="success-download" @click="downLoad">下载蓝聘APP</button>
  </div>
</template>

<script>
  export default {
    name: "downLoad",
    methods: {
      downLoad() {
        window.location.href = "https://url.cn/5AUAFDU";
      }
    }
  }
</script>

<style lang="stylus" scoped>
  @import "../../../assets/stylus/mixin.styl"
  .regist-success-box
    wh(100%, 100%)
    display: flex
    flex-direction: column
    align-items: center
    .bg-box
      display: flex
      flex-direction: column
      position: relative
      wh(100%, 4.72rem)
      bg-image("./bg.png", 100%, 100%)
      .logo
        margin: 0 auto
        padding-top: 1.267rem
        wh(1rem, 1rem)
      .title
        text-align: center
        margin-top: 0.133rem
        size-color(0.507rem, $color)
        font-weight: bold
      .tab-box
        display: flex
        position: absolute
        left: 0
        right: 0
        bottom: 0.5rem
        justify-content: center
        .btn
          wh(2.667rem, 0.827rem)
          box-shadow: 0rem 0.013rem 0.107rem 0rem #025C9B
          border-radius: 0.413rem
          font-size: 0.44rem
          text-align: center
          line-height: 0.827rem
        .regist
          position: absolute
          z-index: 2
          color: rgba(255, 255, 255, 1)
          background: linear-gradient(-90deg, rgba(165, 130, 255, 1), rgba(60, 175, 255, 1))
    .success-text
      text-align: center
      padding-top: 1.2rem
      padding-bottom: 1.2rem
      font-size: 0.427rem
      color: rgba(60, 175, 255, 1)
    .success-download
      width: 8.453rem
      height: 1.173rem
      background: rgba(60, 175, 255, 1)
      border-radius: 0.107rem
      font-size: 0.44rem
      color: rgba(255, 255, 255, 1)
</style>
